Add blog feature with index, post layout, and styling#94
Merged
Conversation
Adds a lightweight custom blog infrastructure using VitePress's createContentLoader API — no new dependencies required. - Blog data loader (posts.data.ts) scans blog/*.md at build time - BlogIndex.vue renders post cards with tag filtering - BlogPost.vue injects date/author/tags header on blog posts - Nav bar includes Blog link, blog pages have no sidebar - Includes a sample introductory blog post - Blog styles use existing VitePress CSS variables for theme consistency https://claude.ai/code/session_01DFbbaGiNgqUcLj7cMQaBdn
- Change glob from blog/*.md to blog/**/*.md for subdirectory support - Fix sidebar: use empty array instead of false (VitePress requires iterable) - Add sidebar: false to blog post frontmatter template - Add og:type, og:title, og:description, article:published_time for blog SEO https://claude.ai/code/session_01DFbbaGiNgqUcLj7cMQaBdn
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
This PR introduces a complete blog feature to the documentation site, including a blog index page with tag filtering, individual blog post layouts, and associated styling.
Key Changes
BlogIndex.vue): Interactive blog listing with tag-based filtering, displaying post metadata (date, author, description) and tagsBlogPost.vue): Header component for blog posts showing publication date, author, and tagsblog/posts.data.ts): VitePress content loader that extracts and sorts blog posts by date, with support for frontmatter metadata (title, date, author, tags, description)custom.css): Comprehensive styling for blog index, cards, tags, and post headers with theme variable integrationintroducing-cycles-blog.md): Initial blog post announcing the blog launchblog/index.md): Landing page for the blog sectionImplementation Details
sidebar: falsefrontmatterhttps://claude.ai/code/session_01DFbbaGiNgqUcLj7cMQaBdn